@charset "utf-8"; 

@font-face {
  font-family: "mpg";
  font-style: normal;
  font-weight: 400;
  src: url(malgun.eot);
  src: url(malgun.eot?#iefix) format('embedded-opentype'),
       url(malgun.woff2) format('woff2'),
       url(malgun.woff) format('woff'),
       url(malgun.ttf) format('truetype');
}

/* Element Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align: baseline;}
body {line-height: 12px;}
ol, ul,li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible}
body,table,input,textarea,select,button{font-family:Tahoma, Geneva, sans-serif; font-size:12px}

/* base */
legend, caption, .hide {display:none;}
body {color:#fff;font-family: "mpg", "돋움", "Dotum", sans-serif; font-size:12px;}
a {color:#fff;text-decoration:none;}
textarea {resize:none;}
label {cursor:pointer;}
button {margin:0; padding:0; border:0 none; cursor:pointer; _cursor:hand;}
em {font-style:normal;}
iframe {background-color:#414348;}

/* layout */
#wrap {width:1240px; overflow:hidden; margin:0 auto; padding-bottom:13px; background:url("../img/bg_wrap.png") no-repeat left bottom;}
#header {background:url("../img/bg_head_cont.png") no-repeat left top;}
h1 {display:none;}
.status_top {height:35px; padding:7px 0 7px 11px; border-bottom:1px solid #282828; }
.cb {clear:both;}

body{background-color:#414348;}
#black {background-color:#000;}
.log_info {float:left;}
.log_info ul {height:35px;}
.log_info ul li {float:left; padding:8px 0px 0 0px;}
.log_info ul li.worker {height:22px; padding:12px 36px 0 49px; background:url("../img/ico_worker.png") no-repeat 3px top;  font-size:12px; font-weight:bold;}
.log_info ul li.phone {height:22px; padding:12px 33px 0 42px;background:url("../img/ico_phone.png") no-repeat 0px top;  font-size:14px;}
.log_info ul li.dial {padding:12px 0px 0 0px;}
.log_info ul li input {text-align:center;border:none; background-color:transparent; color:#fff; font-size:14px; width:110px; font-weight:bold;}
.log_info ul li input:focus {background-color:#ccc; color:#000;}
.log_info ul li label {padding-right:2px;}
.log_info ul li.logout  {padding:6px 0px 0 0px; margin-left:10px;}
.log_info ul li.logout a  {display:block; width:77px; height:19px; padding:7px 0 0 0 ;color:#000;text-align:center;background:url("../img/bg_btn_log.png") no-repeat left top;}
.log_info ul li.logout a:hover {background:url("../img/bg_btn_log_over.png") no-repeat left top;}

.time_info {float:right; width:297px; height:29px; margin-top:5px; padding:7px 0px 0 12px; background:url("../img/bg_time_info.png") no-repeat left top; font-size:12px;}
.time_info li {float:left; padding-left:15px; padding-top:1px; line-height:16px;}
.time_info li:first-child {padding-left:0;}
.time_info li * {vertical-align:top;}
.time_info li.term span {padding-top:1px; display:inline-block;}
.time_info .current_time {font-size:18px; font-weight:bold; padding-top:0;}
				 
.status_cont {position:relative; height:85px; border:1px solid #585858; border-left:0 none; border-right:0 none;}

.work_info {position:absolute; left:10px; top:10px; width:318px; height:52px;  padding:8px 0 0 3px; background:url("../img/bg_top_time.png") no-repeat left top;}
.work_info li {float:left; width:74px; height:39px; background:url("../img/bg_ver_line_blue.png") no-repeat left top;}
.work_info li:first-child {background:none;}
.work_info li em,
.work_info li span {display:block; text-align:center;}
.work_info li.long {width:93px;}
.work_info li em {padding:2px 0 10px ;}

.btn_list ul {padding-top:10px; padding-left:45px; text-align:center;}
.btn_list li {display:inline-block; width:63px; text-align:center; *display:inline; zoom:1;}
.btn_list li a{display:block; width:63px; height:20px; padding-top:43px; text-align:center;}

.btn_list li .login {background-image:url("../img/btn_login.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .logout {background-image:url("../img/btn_logout.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .take {background-image:url("../img/btn_take.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .call {background-image:url("../img/btn_call.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .cut {background-image:url("../img/btn_cut.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .stay {background-image:url("../img/btn_stay.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .change {background-image:url("../img/btn_change.png"); background-repeat:no-repeat; background-position: left top;}
.btn_list li .leave {background-image:url("../img/btn_leave.png"); background-repeat:no-repeat; background-position: left top;}

.btn_list li a:hover,
.btn_list li .over {background-position: left -66px;}
.btn_list li .active {background-position: left -135px; color:#66ccff;}
.btn_list li .disable {background-position: left -202px !important; color:#b6b5b5 !important; cursor:auto:}

.phone_num {position:absolute; right:50px; top:23px; color:#99ccff; font-size:30px; font-weight:bold;}

#container {padding-top:12px; background-color:#414348;}
#menu {float:left; width:155px; padding-left:10px;}
#contents {float:left; width:1055px; padding:0 10px;}

.main_menu h2 {height:37px; padding-top:7px;text-align:center; background:url("../img/bg_h2_main_menu.png") no-repeat left top; font-size:14px;}
.main_menu .wrap_menu_list {margin-top:-2px;overflow:hidden;width:155px; height:376px;}
.main_menu ul {margin-top:-7px; overflow:hidden;background:url("../img/bg_main_menu_bot.png") no-repeat left bottom; line-height:1.2;}
.main_menu li {overflow:hidden; float:left; padding-top:2px; margin-left:10px; background:url("../img/bg_hori_line_blue.png") no-repeat left top;}
.main_menu li a { display:block; width:63px; height:35px; padding-top:61px; text-align:center;}

.main_menu li .main {height:27px; background-image:url("../img/ico_main.png"); background-repeat:no-repeat; background-position: 9px 17px;}
.main_menu li .sms {height:27px; background-image:url("../img/ico_sms.png"); background-repeat:no-repeat; background-position: 10px 17px;}
.main_menu li .record {background-image:url("../img/ico_record.png"); background-repeat:no-repeat; background-position: 9px 17px;}
.main_menu li .notice {background-image:url("../img/ico_notice.png"); background-repeat:no-repeat; background-position: 10px 17px;}
.main_menu li .list_search {background-image:url("../img/ico_list_search.png"); background-repeat:no-repeat; background-position: 9px 17px;}
.main_menu li .msg {background-image:url("../img/ico_msg.png"); background-repeat:no-repeat; background-position: 10px 17px;}
.main_menu li .script {height:27px; background-image:url("../img/ico_script.png"); background-repeat:no-repeat; background-position: 9px 17px;}
.main_menu li .set {height:27px; background-image:url("../img/ico_set.png"); background-repeat:no-repeat; background-position: 10px 17px;}

.main_menu li a:hover,
.main_menu li .over {background-position:-55px 17px; color:#ffcb66;}
.main_menu li .active {background-position:-117px 17px; color:#66ccff;}
.main_menu li .disable {background-position:-181px 17px !important; color:#8a8a8a !important;  cursor:auto:}

.personal h2 {height:31px; padding-top:10px;text-align:center; background:url("../img/bg_h2_personal.png") no-repeat left top; font-size:14px;}
.personal p {height:31px; padding-top:16px; text-align:center; background:url("../img/bg_div_personal.png") no-repeat left bottom;}

.custom_info h2 {height:35px; padding-top:7px; padding-left:13px; background:url("../img/bg_custom_info_top.png") no-repeat left top; font-size:14px}
.custom_info .search_area {position:relative; padding:8px 190px 10px 10px; background:url("../img/bg_custom_info_bot.png") no-repeat left bottom;}
.custom_info .search_area li {float:left; margin-right:15px; height:22px; }
.custom_info .search_area li * {vertical-align:middle;}
.custom_info .search_area li.wrap_name label {width:79px;}
.custom_info .search_area li label {display:inline-block; width:60px; color:#99ccff;}
.custom_info .search_area li label img {margin-top:0px; margin-left:6px;}
.custom_info .search_area li input {width:85px; border:1px solid #161616; background-color:#37393d; color:#ccc; padding-left:2px; cursor:default; padding-top:2px;}
.custom_info .search_area li input#name {width:65px;}
.custom_info .search_area li input#tel,
.custom_info .search_area li input#join_date{width:100px;}
.custom_info .search_area li input#address {width:248px;}
.custom_info .search_area li input#email {width:168px;}
.search_btns {position:absolute; right:15px; top:15px;}
.search_btns .btn {margin-right:5px;}

.wrap_result_list { padding-top:8px; background-color:#414348;}
.wrap_result_list h2 {display:none;}
.wrap_result_list .tablist li {float:left; }
.wrap_result_list .tablist li a {display:block; width:106px; padding:7px 0 11px; text-align:center; background:url("../img/bg_tab.png") no-repeat left top;}
.wrap_result_list .tablist li.on a {color:#f6ad28;background:url("../img/bg_tab_on.png") no-repeat left top;} 

.con_list table {width:1200px;}
.wrap_result_list .tabcon {clear:both;}
.cont_history h3 {display:none;}
.scroll_div {float:left; }
.cont_history {width:575px; height:355px;} 

.cont_history .wrap_table  {position:relative; width:575px; height:349px; overflow:hidden;}
.cont_history .wrap_table .custom_scroll {}

.con_list  .col1 {width:6%;}
.con_list  .col2 {width:6%;}
.con_list  .col3 {width:6%;}
.con_list  .col4 {width:12%;}
.con_list  .col5 {width:12%;}
.con_list  .col6 {width:12%;}
.con_list  .col7 {width:10%;}
.con_list  .col8 {width:10%;}
.con_list  .col9 {width:auto;}
.con_list  table {table-layout:fixed;}
.con_list  th,
.con_list  td {vertical-align:middle; text-align:center; font-size:12px; font-family: "mpg", "돋움", "Dotum", sans-serif;}	
.con_list  th {height:26px; background:url("../img/bg_thead.png") repeat-x left top;}
.con_list  th:first-child {background:url("../img/bg_thead_left.png") no-repeat left top;}
.con_list  th:last-child {background:url("../img/bg_thead_right.png") no-repeat left top;}
.con_list  th div {width:100%; padding-top:0px; background:url("../img/bg_th_bar.png") no-repeat right center;}
.con_list  td {padding:9px 0 ;background-color:#414348; border-bottom:1px solid #626262;}
.con_list  .odd td {background-color:#4c4e52;} 
.con_list  .hover td {background-color:#635c52;}

.history_save {float:left; width:469px; padding-left:9px;}
.history_save h3 {padding:10px 0 18px 14px; color:#f6ad28; background:url("../img/bg_save_top.png") no-repeat left top;}
.history_save .wrap_save {padding:6px 13px 16px 14px; background:url("../img/bg_save_bot.png") no-repeat left bottom;}
.history_save h4 {padding:13px 0 6px;}
.history_save .cont_type {height:29px; border-bottom:1px solid #282828;}
.history_save .cont_content {border-top:1px solid #585858;}
.history_save .cont_type h4 {float:left;margin-right:10px; padding:2px 0 0 0;}

.cont_title {position:relative;}
.cont_title span {position:absolute; right:0; top:14px;}
.history_save textarea {width:436px; height:94px; border:1px solid #000; background-color:#37393d; color:#fff;}

.wrap_save_btns {clear:both; text-align:right; padding:10px 30px 10px 0;}
.wrap_save_btns .btn {margin-right:10px;}

/* admin */
#admin_content {background-color:#414348; padding-top:10px; padding-bottom:10px;}
.admin {height:auto !important;}
.admin #header {height:79px; border-bottom:1px solid #282828; background:url("../img/bg_admin_top.png") no-repeat left top;}
.warp_tab {float:left; padding:26px 0 0 13px;}
.warp_tab li {float:left; margin-right:5px;}

.wrap_navi {float:right; padding-top:9px;}
.wrap_navi li {float:left; margin-right:20px;}
.wrap_navi li a {display:block; padding-top:46px; text-align:center;  min-width:48px;  background-repeat:no-repeat;}
.wrap_navi li .monitor {background-image:url("../img/ico_admin_monitor.png");background-position:center -10px; background-repeat:no-repeat;}
.wrap_navi li .graph {background-image:url("../img/ico_admin_graph.png");background-position: center -10px; background-repeat:no-repeat;}
.wrap_navi li .stat {background-image:url("../img/ico_admin_stat.png");background-position: center -10px; background-repeat:no-repeat;}
.wrap_navi li .call {background-image:url("../img/ico_admin_call.png");background-position: center -10px; background-repeat:no-repeat;}
.wrap_navi li .mng {background-image:url("../img/ico_admin_mng.png");background-position: center -10px; background-repeat:no-repeat;}
.wrap_navi li .type {background-image:url("../img/ico_admin_type.png");background-position: center -10px;}
.wrap_navi li .script {background-image:url("../img/ico_admin_script.png");background-position: center -10px; background-repeat:no-repeat;}
.wrap_navi li .notice {background-image:url("../img/ico_admin_notice.png");background-position: center -10px; background-repeat:no-repeat;}
.wrap_navi li .sms {background-image:url("../img/ico_admin_sms.png");background-position: center -10px; background-repeat:no-repeat;}

.wrap_navi li a:hover,
.wrap_navi li .over {background-position:center -93px; color:#ffcc33;}
.wrap_navi li .active {background-position:center -176px; color:#66ccff;}
.wrap_navi li .disable {background-position:center -258px !important; color:#999999 !important;}

.left_status {float:left; width:154px; padding-left:10px;}
.left_status .wide_box {width:155px; height:49px; padding-top:10px; text-align:center; background:url("../img/bg_box_purple.png") no-repeat left top;}
.left_status .wide_box .time {font-size:22px; padding-top:9px;}
.left_status .small_box ul{width:174px; overflow:hidden; margin-left:-7px;}
.left_status .small_box li {float:left; width:74px; height:47px; margin:7px 0 0 7px; padding-top:8px;text-align:center; background:url("../img/bg_box_gray.png") no-repeat left top;}
.left_status .small_box li div {padding-top:13px; color:#99ccff;}
.left_status .wait_data {margin-top:15px;background:url("../img/bg_box_green.png") no-repeat left top;}

.wide_box em {display:block;  padding:0  0 10px 0;}
.right_content {position:relative; float:left; width:1053px; padding-left:10px; padding-right:10px; overflow:hidden; height:684px;}
.worker_status .wrap_scr {position:relative; width:1043px;}

.worker_status .wrap_list .worker{float:left; width:123px; height:75px; margin-left:8px; margin-top:3px; padding-top:13px; font-size:14px; background:url("../img/bg_box_stay.png") no-repeat left top;}
.worker_status .wrap_list .worker strong {display:block; padding-left:60px; padding-bottom:7px;}
.worker_status .wrap_list .worker .time {padding-left:60px; padding-bottom:22px; text-indent:-1px\9; letter-spacing:-1px\9;}
.worker_info{text-align:center; color:#cccccc; font-size:12px;}
.worker_status .wrap_list .logout {background:url("../img/bg_box_logout.png") no-repeat left top;}
.worker_status .wrap_list .stay {background:url("../img/bg_box_stay.png") no-repeat left top;}
.worker_status .wrap_list .rest {background:url("../img/bg_box_rest.png") no-repeat left top;}
.worker_status .wrap_list .list {overflow:hidden; width:1048px; margin-left:-8px; margin-top:-3px; }
.worker_status .wrap_list .set_item2 {left:1068px;}

/* common button */
span.btn { position:relative; display:inline-block; white-space: nowrap; vertical-align: top; overflow: visible; background:url("../img/bg_btn_save_left.png") no-repeat left top; }
span.btn button {position:relative; left:4px; display:inline-block; height:29px; padding:0 12px 1px 8px; line-height:29px; background:url("../img/bg_btn_save_right.png") no-repeat right top; font-weight:bold;}

span.btn.over {background:url("../img/bg_btn_save_left_over.png") no-repeat left top; }
span.btn.over button  {background:url("../img/bg_btn_save_right_over.png") no-repeat right top; }

/* custom scroll style */
.worker_status .ps-scrollbar-y-rail {display:none;}
#admin_content .ps-scrollbar-x-rail {display:none;}


